<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<title>永和小票</title>
		<!-- 样式设计 -->
		<style>
			body {
				width: 310px;
				font-size: 10px;
			}
			.please{
				font-size: 24px;
				font-weight: bold;/* 加粗 */
			}
			.self{
				padding-left: 85px;
			}
			/* bolid实线  dashed虚线 */
			hr{
				border: 1px dashed;
			}
			.note{
				/* padding-top: 20px;
				padding-bottom: 15px */;
				margin-top: 20px;
				margin-bottom:15px ;
			}
			.img{
				margin-left: 60px;
			}
		</style>
	</head>
	<body>
		<div>顾客联</div>
		<div class="please">请您留言取餐账单号</div>
		<div class="self">自取顾客联</div>
		<div>永和大王(北三环西路店)</div>
		<div>010-62112313</div>
		<div class="self">--结账单--</div>
		<div class="please">账单号:P000010</div>
		<div>账单类型:堂食</div>
		<div>人数:1</div>
		<div>收银员:张静</div>

		<table border="1">
			<tr>
				<td width="50" align="center">数量</td>
				<td width="200" align="center">品项</td>
				<td width="50" align="center">金额</td>
			</tr>
			<div>开单时间:2020-01-01 11：30：00</div>
			<div>结账时间:2020-01-01 12：00：00</div>
			<hr />
			<tr>
				<td valign="top" align="left">1</td>
				<td>玉米肉松蛋饼2P<br />
					1X --玉米肉松蛋饼<br />
					1X --现磨豆浆(热/甜)
				</td>
				<td valign="top" align="right">金额</td>
			</tr>
		</table>
		<table border="1">
			<tr>
				<td width="256">合计</td>
				<td width="50" align="right">8.00</td>
			</tr>
			<tr>
				<td>微支付</td>
				<td>8.00</td>
			</tr>
		</table>
		<hr />
		<div>打印时间:2020-01-01 12：01：00</div>
		<hr />
		<div class="note">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			阿凡达是两个那我让撒旦阿斯弗按实际开来你噶我如果你啊wolf你拉萨爱丽丝的纪念氨基酸关闭污染佛奥蓝枫了解到撒gals噶士大夫不过艰苦拉萨发你老公， 那算了不跟你讲了撒罗马市内拉个但是阿耨我
		</div>

		<!-- 引入图片 -->
		<img class="img" width="200" height="200" src="imgs/th.png">
	</body>
</html>
